<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>
<script type="text/javascript">
<!--
$(function(){
	jcropAvatar('257','247','images/avatar/avatar_cut.jpg');
});

//-->
</script>
<div class="pop_bg"></div>
<ul>
	<li id="pop_avatar1"
		onclick="avatarPopSetTab(1,'${type}','${memberId}');"
		class="h_newNewsHover">
		<a>上传照片</a>
	</li>
	<li id="pop_avatar2"
		onclick="avatarPopSetTab(2,'${type}','${memberId}');">
		<a>相册中选择</a>
	</li>
</ul>
<div id="avatar_pop_tab">

	<div class="pa_text_box">
		<div class="pa_text" id="con_pop_avatar_1" style="display: block">
			
				<div class="pa_box" style="height: 440px;">
					<div class="pa_cu">
						<p>
							点击浏览从电脑选择一张照片
						</p>
						<form id="avatarUpload" action="avatarUpload.htm" method="post" enctype="multipart/form-data">
							<div class="type-file-box">
								<input type="file" name="avatarUploadFile" id="avatarUploadFile" onchange="javascript:uploadAvatarGoOn('${type}','${memberId}');return false;"/>
							</div>
						</form>
						<div id="cut_avatar_1">
							<form action="crop.htm" method="post">
								<input type="hidden" size="4" id="x" name="x" value="0"/>
								<input type="hidden" size="4" id="y" name="y" value="0"/>
								<input type="hidden" size="4" id="x2" name="x2" value="0"/>
								<input type="hidden" size="4" id="y2" name="y2" value="0"/>
								<input type="hidden" size="4" id="w" name="w" value="0"/>
								<input type="hidden" size="4" id="h" name="h" value="0"/>
							</form>
							<div class="d_paBox">
								<div class="d_paImg">
									<div style="width: 100%; height: 100%;" align="center">
										<img alt="" src="images/avatar/avatar_cut.jpg" id="src_image" height="245" width="255" style="margin: auto;" url="images/avatar/avatar_cut.jpg" />
									</div>
								</div>
								<div class="d_paImg_small">
									<div class="d_img120" style="overflow: hidden;">
										<img id="preview1" src="images/avatar/avatar_cut.jpg" alt="图片" />
									</div>
									<div class="d_img34" style="overflow: hidden;">
										<img id="preview2" src="images/avatar/avatar_cut.jpg" alt="图片" />
									</div>
								</div>
							</div>
						</div>
					</div>


					<div class="pa_ts">

						<p>
							<span>提示：</span>
						</p>
						<p>
							仅支持JPG、JPEG、PNG格式图片
						</p>
						<p>
							照片大小不超过2MB。
						</p>
						<p>
							<a href="javascript:void(0)" onclick="avatarPopSetTab(2,'1','');">相册中选择</a>照片制作形象
						</p>
					</div>

				</div>
				<div class="pa_okBox">
				 <input name="" type="image" src="images/home_images/qd_bg.gif"
						onclick="javascript:cutAvatar('${type}','1','${memberId}');return false;" />
						 
					<input name="" type="image" src="images/home_images/qx_bg.gif"
						onclick="javascript:$('#pop_avatar_div').hide();return false;" />
				</div>
			
		</div>

		<div class="pa_text" id="con_pop_avatar_2">
			
		</div>
	</div>
</div>